﻿/* 
    积分商城首页流式布局
    edit by xl 2015.07.16 
*/

a,b,body,canvas,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,q,span,ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

body,html {
    font-size: 62.5%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #f0f0f0;
    font-size-adjust: none;
    font-family: STHeiTi-Light, 'Microsoft YaHei', arial, sans-serif, 'Droid Sans Fallback';
    position: relative
}

img {
    display: block
}

/* 轮播图 */

#owl-demo{
    width: 100%;
    position: relative;
    overflow: hidden;
    float: left
}

#owl-demo .item img{
    width: 100%;
}

/* 我的菜单 */

.shop_top_index {
    width: 100%;
    border-top: 1px solid #e8e8e8;
    overflow: hidden
}

.shop_count {
    width: 49.8%;
    height: 37px;
    -webkit-box-sizing: border-box;
    font-size: 0;
    text-align: center;
    float: left;
    background-color: #fff
}

.shop_count:active {
    background-color: #f7f7f7
}

.shop_count span {
    line-height: 37px;
    display: inline-block;
    font-size: 14px;
}

.shop_count span:nth-child(1) {
    color: #666
}

.shop_count span:nth-child(2) {
    color: #ff8903;
    margin-left: 4px
}

.my_record {
    background: url(http://static.xiaojukeji.com/activity/img-mall/my_record.png) left center no-repeat;
    padding-left: 25px;
    background-size: 17px
}

.my_count {
    padding-left: 25px;
}


/* 秒杀专区 */

#seckill_div {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%
}

.seckill_title {
    width: 100%;
    height: 45px;
    padding: 15px 15px;
    background: url(../images/line_bg.png) repeat-x bottom;
    background-size: 1px;
    background-color: #fff
}

.seckill_left {
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
}

.seckill_right {
    float: right;
    color: #333333;
}

.seckill_right span{
    color:#ff6215;
    font-weight:600;
    font-size:12px;
}

#SnappedDiv {
    display: none;
    color:#ff6215;
    font:12px;
    line-height: 15px;
    font-weight:600;
}
.seckill_right .countdown_time {
    font-weight: bold;
    background-color: #000; 
    padding: 2px 2px;
    line-height: 15px;
    border-radius:5px;
    color: #FFF;
    font-size:12px;
}
.seckill_right .countdown_break {
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
    color: #000;
    font-size:12px;
}


.seckill_content {
    float: left;
    width: 100%;
}

.seckill_content .seckill_content_left {
    float: left;
    width: 50%;
    height: 159px;
}

.seckill_content .seckill_content_right {
    float: right;
    width: 50%;
    height: 79px;
    border-left: 1px solid #e8e8e8;
}

.seckill_content_line{
    border-bottom: 1px solid #e8e8e8;
}

.seckill_content img{
    width: 100%;
    height: 100%;
}

#ad_banner{
    margin-top: 5px;
}


/* 热门兑换 */

.foot_nav {
    float: left;
    margin-top: 10px;
    background-color: #fff
}

.foot_nav .foot_title {
    width: 100%;
    height: 45px;
    padding: 15px 15px;
    background: url(../images/line_bg.png) repeat-x bottom;
    background-size: 1px;
}

.foot_nav .foot_left {
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
}

.foot_nav .foot_ul {
    width: 100%;
}

.foot_nav .foot_ul li {
    list-style-type: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

.foot_nav .foot_ul li:last-child {
    background: none;
}

.foot_nav .foot_ul .good_img {
    background: url(../images/line_bg02.png) repeat-y right;
    background-size: 1px;
    float: left;
}

.foot_nav .foot_ul .goods_box {
    width: 50%;
    margin-left: 15px;
    margin-top: 10px;
    float: left;
}

.foot_nav .foot_ul .goods_title {
    font-size: 15px;
    color: #666666;
}

.foot_nav .foot_ul .goods_num {
    margin-top: 5px;
    color: #fb7e00;
    font-weight: bold;
}
.foot_nav .foot_ul .goods_num span{
    font-size: 14px;
}

.foot_nav .foot_ul .goods_price {
    background: url(../images/icon_05.png) no-repeat left;
    background-size: 8px;
    padding-left: 10px;
}

.foot_nav .foot_ul .goods_price_grey {
    color: #666666;
    padding-left: 5px;
    font-weight: normal;
}


.foot_nav .goods_box .box_bottom_left{
    float: left;
    margin-top: 5px;
    color: #999999;
}

.foot_nav .goods_box .box_bottom_left span{
    font-size: 12px;
}

.foot_nav .goods_box .box_bottom_right{
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    color: #FFF;
    
}

.foot_nav .goods_box .box_bottom_right span{
    font-size: 13px;
    padding: 5px;
    line-height: 30px;
    background-color:#fb7e00;
    border-radius: 3px;
}


/* 自适应兼容 */

@media only screen and (max-width: 420px){
    .seckill_content .seckill_content_left {
        height: 209px;
    }

    .seckill_content .seckill_content_right {
        height: 104px;
    }
    .foot_nav .foot_ul .good_img {
        margin-left: 25px;
    }
}
@media only screen and (max-width: 400px){
    .seckill_content .seckill_content_left {
        height: 199px;
    }

    .seckill_content .seckill_content_right {
        height: 99px;
    }
    .foot_nav .foot_ul .good_img {
        margin-left: 20px;
    }
}
@media only screen and (max-width: 380px){
    .seckill_content .seckill_content_left {
        height: 189px;
    }

    .seckill_content .seckill_content_right {
        height: 94px;
    }
    .foot_nav .foot_ul .good_img {
        margin-left: 15px;
    }
}
@media only screen and (max-width: 361px){
    .seckill_content .seckill_content_left {
        height: 179px;
    }

    .seckill_content .seckill_content_right {
        height: 89px;
    }
    .foot_nav .foot_ul .good_img {
        margin-left: 10px;
    }
}
@media only screen and (max-width: 321px){
    .seckill_content .seckill_content_left {
        height: 159px;
    }

    .seckill_content .seckill_content_right {
        height: 79px;
    }
    .foot_nav .foot_ul .good_img {
        margin-left: 0px;
    }
}